<template>
    <div class="warn-info">
        <p v-if="nodeData.nodeName" class="node-name">「{{nodeData.nodeName}}」节点</p>
        <template v-for="(item, index) in nodePropsInfo.params">
            <p v-if="item.warningMsg" :key="index">{{item.warningMsg}}</p>
        </template>
    </div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
    name: 'WarnInfo',
    computed: {
        ...mapGetters({
            nodePropsInfo: 'common/getNodePropsInfo',
            nodeData: 'common/getNodeData'
        })
    }
}
</script>
<style lang="less">
    .warn-info {
        p {
            color: #e6a23c;
            margin: 0 0 5px 0;
        }
        .node-name {
            color: initial;
        }
    }
</style>
